﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <title>HomePage</title>

    <!-- WinJS 引用 -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="HomePage.css" rel="stylesheet" />
    <script src="HomePage.js"></script>
</head>
<body>

    <div id="ZoomOutTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
        <div class="ZoomOutSubDiv" data-win-bind="dataFld:title" style="width:360px;height:175px;">
            <img src="#" data-win-bind="src: picture" style="width:100%;height:100%;">
        </div>
    </div>

    <div class="HomePage fragment">

        <div id="content_section_out" data-win-control="WinJS.UI.ListView" 
            data-win-options="{                    
            itemDataSource: hp_zoom_data_no.dataSource, 
            itemTemplate: select('#ZoomOutTemplate'),
            layout:{type:WinJS.UI.GridLayout}, selectionMode:'none', swipeBehavior:'none'}">
        </div>

    </div>
</body>
</html>
